// 从URL获取新闻ID
function getNewsIdFromUrl() {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get('id') || '1'; // 默认返回ID=1
}

// 从mock获取新闻详情
async function getNewsDetail(newsId) {
    try {
        const response = await fetch('../backend/mock/news.json');
        const newsList = await response.json();
        // 匹配对应ID的新闻
        return newsList.find(news => news.id.toString() === newsId) || newsList[0];
    } catch (error) {
        console.error('获取新闻详情失败：', error);
        // 模拟数据降级
        return {
            id: 1,
            title: '国内经济稳步增长，三季度GDP同比增长5.2%',
            type: '国内',
            time: '2025-10-01 09:30',
            author: '经济日报记者 张明',
            image: 'images/news1.jpg',
            content: `
                <p>国家统计局10月1日发布的数据显示，2025年三季度国内生产总值（GDP）同比增长5.2%，环比增长1.1%，延续了上半年平稳向好的增长态势。这一数据超出市场预期，反映出国内经济在政策发力、需求回暖等多重因素推动下，韧性持续增强。</p>
                <p>分产业看，第一产业增加值同比增长3.6%，秋粮生产形势良好，预计全年粮食总产量将保持在1.3万亿斤以上，为经济稳定提供坚实基础。第二产业表现亮眼，增加值同比增长5.8%，其中制造业投资同比增长8.2%，新能源汽车、光伏设备、工业机器人等高端制造领域增速均超15%，成为拉动工业增长的核心动力。</p>
                <p>第三产业增加值同比增长5.0%，服务业恢复性增长态势明显。随着消费场景持续开放，旅游、餐饮、文化娱乐等接触性消费快速回升，国庆假期全国国内旅游出游人次同比增长23%，旅游收入同比增长30%；服务业PMI（采购经理指数）连续5个月位于扩张区间，显示服务业景气度持续改善。</p>
                <p>国家统计局发言人表示，当前经济运行呈现“稳、进、好”的特点，后续将继续落实扩大内需、优化营商环境、支持民营经济发展等政策，着力打通产业链供应链堵点，推动经济实现质的有效提升和量的合理增长。</p>
            `
        };
    }
}

// 从mock获取评论数据
async function getComments(newsId) {
    try {
        const response = await fetch('../backend/mock/comments.json');
        const commentsList = await response.json();
        // 筛选当前新闻的评论
        return commentsList.filter(comment => comment.newsId.toString() === newsId);
    } catch (error) {
        console.error('获取评论失败：', error);
        // 模拟评论数据
        return [
            { id: 1, newsId: newsId, content: '经济数据很亮眼，希望后续政策能持续发力，让老百姓的钱包更鼓！', time: '2025-10-01 10:15', author: '用户123' },
            { id: 2, newsId: newsId, content: '高端制造增速超15%，说明产业升级有成效，期待更多国产高科技产品！', time: '2025-10-01 11:02', author: '科技爱好者' }
        ];
    }
}

// 渲染新闻详情
function renderNewsDetail(news) {
    document.getElementById('news-title').textContent = news.title;
    document.getElementById('news-meta').innerHTML = `
        <span class="news-type bg-blue-500 text-white px-2 py-1 rounded text-xs">${news.type}</span>
        <span class="news-time text-gray-500">${news.time}</span>
        <span class="news-author text-gray-500 ml-2">作者：${news.author || '匿名作者'}</span>
    `;
    const newsImg = document.getElementById('news-image');
    newsImg.src = news.image || 'https://via.placeholder.com/800x400?text=无新闻图片';
    newsImg.alt = news.title;
    document.getElementById('news-content').innerHTML = news.content;
}

// 渲染评论列表
function renderComments(comments) {
    const commentsContainer = document.getElementById('comments-list');
    const commentsCountEl = document.querySelector('.news-comments h3');
    
    // 更新评论数量
    commentsCountEl.textContent = `用户评论 (${comments.length})`;
    // 清空容器
    commentsContainer.innerHTML = '';

    if (comments.length === 0) {
        commentsContainer.innerHTML = '<div class="no-comments text-gray-500 text-center py-5">暂无评论，快来抢沙发～</div>';
        return;
    }

    // 渲染每条评论
    comments.forEach(comment => {
        const commentItem = document.createElement('div');
        commentItem.className = 'comment-item';
        commentItem.innerHTML = `
            <div class="comment-author font-medium">${comment.author}</div>
            <div class="comment-content mt-1">${comment.content}</div>
            <div class="comment-time text-gray-400 text-xs mt-2">${comment.time}</div>
        `;
        commentsContainer.appendChild(commentItem);
    });
}

// 初始化评论提交功能
function initCommentSubmit(newsId) {
    const commentInput = document.getElementById('comment-input');
    const submitBtn = document.getElementById('submit-comment');

    submitBtn.addEventListener('click', async () => {
        const content = commentInput.value.trim();
        if (!content) {
            alert('请输入评论内容');
            return;
        }

        // 模拟提交评论（实际项目替换为接口请求）
        const newComment = {
            id: Date.now(), // 用时间戳作为临时ID
            newsId: newsId,
            content: content,
            time: new Date().toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }),
            author: '当前用户'
        };

        // 重新获取评论并渲染（模拟提交成功后刷新）
        const comments = await getComments(newsId);
        comments.push(newComment);
        renderComments(comments);

        // 清空输入框
        commentInput.value = '';
        alert('评论提交成功！');
    });
}

// 页面加载初始化
window.onload = async function() {
    const newsId = getNewsIdFromUrl();
    // 渲染新闻详情
    const newsDetail = await getNewsDetail(newsId);
    renderNewsDetail(newsDetail);
    // 渲染评论列表
    const comments = await getComments(newsId);
    renderComments(comments);
    // 初始化评论提交
    initCommentSubmit(newsId);
};

